<!doctype html>
<html>

<head>
  <title>MBL</title>
  <meta charset="utf-8" />
  <meta name="keywords" content="MBL 湖南大学化学化工学院 重点实验室" />
  <meta name="description" content="" />
  <link rel="shortcut icon" href="../public/img/favicon.png">
  <link href="https://cdn.bootcss.com/twitter-bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  <link href="../public/css/reset.css" rel="stylesheet" media="screen">
  <link href="../public/css/theme.css" rel="stylesheet" media="screen">
  <link href="../public/css/nav.css" rel="stylesheet" media="screen">
  <link href="../public/css/slides.css" rel="stylesheet" media="screen">
  <link href="../public/css/layout.css" rel="stylesheet" media="screen">
  <link href="../public/css/home.css" rel="stylesheet" media="screen">
  <link href="../public/css/research_area.css" rel="stylesheet" media="screen">
  <link href="../public/css/intro.css" rel="stylesheet" media="screen">
  <link href="../public/css/research/index.css" rel="stylesheet" media="screen">
  <link href="../public/css/research/detail.css" rel="stylesheet" media="screen">
  <link href="../public/css/news.css" rel="stylesheet" media="screen">
  <link rel="stylesheet" href="../public/build/kalendae.css" type="text/css" charset="utf-8">
</head>

<body>
  <!-- Fixed navbar -->
  <div class="theme-color mbl-nav navbar-fixed-top">
    <div class="wrapper full-height">
      <!--<a class="logo-wrapper" href="/">-->
      <!--<img class="logo" src="../../public/img/logo.png" alt="MBL">-->
      <!--</a>-->
      <a class="img-wrapper" href="/">
        <img class="logo" src="../public/img/logo.png" alt="MBL">
      </a>
      <ul class="menu" id="menu">
        <li><a href="/">Home</a></li>
        <li><a href="/system/go.jsp?treeid=1011&apptype=treetemp&urltype=tree.TreeTempUrl">News</a></li>
        <li><a href="/research">Research</a></li>
        <li><a href="/publication">Publications</a></li>
        <li><a href="/members">Members</a></li>
        <li><a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">Contact</a></li>
      </ul>
      <div class="nav-search">
        <div class="input-group search-content">
          <input type="text" class="form-control" placeholder="Search for...">
          <span class="input-group-btn">
            <button class="btn btn-default" type="button">Search</button>
          </span>
        </div>
      </div>
    </div>
  </div>


  <div class="body-wrapper" id="body-wrapper">
    <!-- <section class="subject">
      <div class="subject-wrapper">
        <img src="../public/img/subject_1.png" alt="subject">
        <div class="subject-intro">
          <h2>Subject</h2>
          <p>The overall research goal is the design, synthesis and characterization of new materials with an emphasis on understanding the fundamental issues of structural assembly and growth that will enable the rational control of the material composition, micro/nano-structure, morphology, pro-perty and functionality.</p>
          <span class="btn">Read More</span>
        </div>
      </div>
    </section> -->
  </div>

  <div class="body-wrapper" id="body-wrapper__detail">
    <div class="wrapper">
      <div class="sidebar" id="research_sidebar">
        <!--{% for research in researchList.rows %}-->
        <!--<a href="/research_detail?id={{ research.researchid }}">-->
          <!--<span class="my-btn sidebar-item pointer">{{ research.name }}</span>-->
        <!--</a>-->
        <!--{% endfor %}-->
        <!--<span class="my-btn sidebar-item pointer">APTAMR</span>-->
      </div>

      <div class="main research-detail" id="research-detail">
        <div class="research-detail__intro" id="research-detail__intro">
          <!--<img src="{{ research.picture | default('../public/img/subject_1.png', true) }}" alt="">-->
          <!--<div class="detail">-->
            <!--<h2>{{ pageData.name }}</h2>-->
            <!--<p>{{ pageData.introduction }}</p>-->
          <!--</div>-->
        </div>

        <h2 class="title">Selected Publications</h2>

        <!--{% for article in pageData.articleResultList %}-->
        <!--<section class="publication-item">-->
          <!--<h3>{{ article.title }}</h3>-->
          <!--<p>{{ article.name }}</p>-->
          <!--<p><span>Nature Comunication</span>: DOI: <span class="mark">10.714/thno.38261</span></p>-->
        <!--</section>-->
        <!--{% else %}-->
        <!--<p>暂无。。。</p>-->
        <!--{% endfor %}-->
      </div>
    </div>
  </div>

  <footer class="footer theme-color">
    <div class="wrapper footer-container">
      <a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">
        <div class="map-wrapper">
          <!--<div id="map"></div>-->
          <img src="../public/img/map.png" alt="">
          <p>Lushan South Road Yifu Building, Hunan University South Campus, Changsha, Hunan China</p>
        </div>
      </a>
      <div class="logos">
        <div class="show-logos">
          <img class="hnu-logo" src="../public/img/hnu.png" alt="">
          <img class="mbl-logo" src="../public/img/mbl.png" alt="">
        </div>

        <a href="/system/go.jsp?treeid=1003&apptype=treetemp&urltype=tree.TreeTempUrl">
          <div class="contact-logos">
            <img src="../public/img/phone.svg" alt="">
            <img src="../public/img/fox.svg" alt="">
            <img src="../public/img/weixin.svg" alt="">
            <img src="../public/img/email.svg" alt="">
          </div>
        </a>
      </div>
      <div class="links">
        <h2>HELPFUL LINKS</h2>
        <ul class="links-list">
          <li><a href="">Hunan University</a></li>
          <li><a href="">Hunan University</a></li>
          <li><a href="">Hunan University</a></li>
          <li><a href="">Hunan University</a></li>
        </ul>
      </div>
    </div>
  </footer>
  <script src="../public/js/nav.js"></script>
  <script src="../public/js/jquery.min.js"></script>
  <script src="../public/js/research.js"></script>
  <script src="../public/build/kalendae.standalone.js" type="text/javascript" charset="utf-8"></script>
  <script src="../public/js/bootstrap.min.js"></script>
  <script src="../public/js/switch_event_new.js"></script>
</body>

</html>
